import { createGradient } from '../_utils/color'
import './index.less'
const Circle = ({title,desc,size=100})=>{
const colors =     createGradient('green');
console.log({colors})
 return <div className="circle-container" style={{
    background:`linear-gradient(to bottom, ${colors[17]} 0%,${colors[5]} 100% )`,

    width:size,height:size}}>
    
    <div className='circle-inner' style={{
        width:size-20,
        height:size-20,

        
    }}>
        <div style={{fontWeight:'bold',fontSize:18}}>{title}</div>
        <div>{desc}</div>
    </div>
 </div>
}
export default Circle